<div id="header-bar">
  <div id="header-bar-content" class="barbackground">
    <div id="header-bar-page-title">
      <span class="navigation-font-white white-links header-bar-page-title-text">
        {% if vocab_id is defined %}
          {% if path_fix|length > 6 %}
            <a href="{{ path_fix }}{% if vocab_id %}{{ vocab_id  }}/{% endif %}{{lang}}/">{{ vocab.title }}</a>
          {% else %}
            {% if vocab.title is defined %}
              {{ vocab.title }}
            {% else %}
              {{ vocab_id|trans }}
            {% endif %}
          {% endif %}
        {% else %}{% if front_page is not defined %}<a href="{{ path_fix }}{{lang}}/">{% endif %}{% trans %}Ontologiat ja sanastot{% endtrans %}{% if front_page is not defined %}</a>{% endif %}
        {% endif %}
      </span>
    </div>
    {% if vocab_id and vocab.title %}
    <div id="header-bar-navigation">
      <ul>
        <li><span class="navigation-font-white white-links header-bar-page-title-text"><a id="toggle" href="{{ path_fix }}{% if vocab_id %}{{ vocab_id }}{% endif %}/{{ lang }}/stats">{% trans "Tietoja sanastosta" %}</a></span></li>
        <li><span class="navigation-font-white white-links header-bar-page-title-text"><a href="{{ path_fix }}{% if vocab_id %}{{ vocab_id }}{% endif %}/{{ lang }}/index">{% trans "Aakkosellinen hakemisto" %}</a></span></li>
      </ul>
    </div>
    {% endif %}
  </div>
</div>
<!-- header-bar ENDS HERE -->